<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
</head>
<link rel="stylesheet" href="/css/index.css">
<body>
	<!-- 头部开始 lxy 2020-8-20 -->
	<header></header>
	<!-- header结束 -->
	<!-- banner -->
	<div class="banner">
		<div class="banner-frist">
			<a href="#" class=""><img src="images/flash306.jpg" alt=""></a>
			<a href="#" class="ac"><img src="images/flash312.jpg" alt=""></a>
			<a href="#" class="ac"><img src="images/flash313.jpg" alt=""></a>
		</div>
		<div class="banner-new">
			<div class="banner-list">
				<h2>周边公告:</h2>
				<span class="banner-gong">周边商城产品授权说明</span>
				<time>2019/03/04</time>
			</div>
			<div class="prev"><img src="images/2.png" alt=""></div>
			<div class="next"><img src="images/1.png" ></div>
		</div>
		<div class="banner-sides">
			<div class="banner-menu">
				<ul>
					<li>
						<div class="banner-itme-img w20">
						<img src="images/xiao314.png" alt="" >
						</div>
						<div class="banner-itme-text">
							星空下的福袋
						</div>
					</li>
					<li>
						<div class="banner-itme-img">
							<img src="images/xiao312.png" alt="">
						</div>
						<div class="banner-itme-text">
							星空下的福袋
						</div>
					</li>
					<li>
						<div class="banner-itme-img">
							<img src="images/xiao313.png" alt="">
						</div>
						<div class="banner-itme-text">
							星空下的福袋
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- banner结束 -->
	<!-- 选项卡 -->
	<div class="tab">
		<div class="tab-hot">
			
			<div class="tab-goods " >
				<div class="goods-box hui">
					<div class="title-en">-HOT DERIVATIVE</div>
					<div class="title-hot">热门周边</div>
					<div class="title-page">一</div>
					<div class="prevNext">
						<div class="prev shang" >&lt;</div>
						<div class="next" data-id="1">&gt;</div>
					</div>
				</div>
				<div class="tab1-top" id="tabList3"></div>
				<script type="text/html" id="tabListTemplate3">
					{{each list3 tab}}
					<div class="goods-box">
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-img"><img src="{{tab.image}}" alt=""></a>
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-name">{{tab.title.slice(0,15)+"..."}}</a>
						<a href="" class="goods-price">{{tab.price}}元</a>
					</div>
					{{/each}}
					</script>
				<div class="tab1-bottom" id="tabList4"></div>
				<script type="text/html" id="tabListTemplate4">
					{{each list4 tab}}
					<div class="goods-box">
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-img"><img src="{{tab.image}}" alt=""></a>
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-name">{{tab.title.slice(0,15)+"..."}}</a>
						<a href="" class="goods-price">{{tab.price}}元</a>
					</div>
					{{/each}}
				</script>
				
				
			</div>
			<!--  -->
			<div class="tab-goods ac">
				<div class="goods-box hui">
					<div class="title-en">-HOT DERIVATIVE</div>
					<div class="title-hot">热门周边</div>
					<div class="title-page">一</div>
					<div class="prevNext">
						<div class="prev shang" data-id="2">&lt;</div>
						<div class="next" data-id="2">&gt;</div>
					</div>
				</div>
				<div class="tab1-top" id="tabList"></div>
				<script type="text/html" id="tabListTemplate">
					{{each list tab}}
					<div class="goods-box">
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-img"><img src="{{tab.image}}" alt=""></a>
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-name">{{tab.title.slice(0,15)+"..."}}</a>
						<a href="" class="goods-price">{{tab.price}}元</a>
					</div>
					{{/each}}
					</script>
				<div class="tab1-bottom" id="tabList2"></div>
				<script type="text/html" id="tabListTemplate2">
					{{each list2 tab}}
					<div class="goods-box">
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-img"><img src="{{tab.image}}" alt=""></a>
						<a href="/html/shopcart.html?id={{tab.id}}" class="goods-name">{{tab.title.slice(0,15)+"..."}}</a>
						<a href="" class="goods-price">{{tab.price}}元</a>
					</div>
					{{/each}}
				</script>
			</div>
			<!--  -->
			<div class="tab-goods ac">
				<div class="tab-left">
					<div class="goods-box hui">
						<div class="title-en">-HOT DERIVATIVE</div>
						<div class="title-hot">热门周边</div>
						<div class="title-page">一</div>
						<div class="prevNext">
							<div class="prev shang" data-id="3">&lt;</div>
							<div class="next" data-id="3">&gt;</div>
						</div>
				</div>
				<div class="left-top" id="tabList5"></div>
				<script type="text/html" id="tabListTemplate5">
				{{each list5 tab}}
				<div class="goods-box">
					<a href="/html/shopcart.html?id={{tab.id}}" class="goods-img"><img src="{{tab.image}}" alt=""></a>
					<a href="/html/shopcart.html?id={{tab.id}}" class="goods-name">{{tab.title.slice(0,15)+"..."}}</a>
					<a href="" class="goods-price">{{tab.price}}元</a>
				</div>
				{{/each}}
				</script>
				<div  id="tabList6"></div>
				<script type="text/html" id="tabListTemplate6">
				{{each list6 tab}}
				<div class="goods-box">
					<a href="/html/shopcart.html?id={{tab.id}}" class="goods-img"><img src="{{tab.image}}" alt=""></a>
					<a href="/html/shopcart.html?id={{tab.id}}" class="goods-name">{{tab.title.slice(0,15)+"..."}}</a>
					<a href="" class="goods-price">{{tab.price}}元</a>
				</div>
				{{/each}}
				</script>
			</div>
			<div class="tab-right" id="tabList7"></div>
				<script type="text/html" id="tabListTemplate7">
				{{each list7 tab}}
					<a href="/html/shopcart.html?id={{tab.id}}" class="goods-img"><img src="{{tab.image}}" alt=""></a>
					<a href="/html/shopcart.html?id={{tab.id}}" class="goods-name">{{tab.title.slice(0,15)+"..."}}</a>
					<a href="" class="goods-price">{{tab.price}}元</a>
				{{/each}}
				</script>
				
		</div>
	</div>
</body>
	<!-- 选项卡2 -->
	<div class="tab2">
		<div class="tab2-title">
			<div class="title-en">-Popularity Series-</div>
			<div class="title-hot">人气系列</div>
			<div class="title-page">一</div>
		</div>
		<div class="tab2-shop-links">
			<!-- 1 -->
			<ul class="links">
				<li class="sanjiao">礼包收藏</li>
				<li>手办模型</li>
				<li>数码电子</li>
				<li>服饰日用</li>
				<li>新品专区</li>
			</ul>
			<a href="/html/list.html" class="more">查看更多+</a>
		</div>
		<div class="tab2-shop-box " ></ul>
			<ul class="tab2-shophover ac"id="tabList8"></ul>
				<script type="text/html" id="tabListTemplate8">
				{{each list8 tab}}
					<li>
						<a href="/html/shopcart.html?id={{tab.id}}" class="tab2-img">
							<img class="tab2-hover" src="{{tab.image}}" alt="">
						</a>
						<a href="/html/shopcart.html?id={{tab.id}}"class="tab2-text">{{tab.title.slice(0,15)+"..."}}</a>
						<p class="tab2-pic">现价： ￥{{tab.price}}</p>
				</li>
				{{/each}}
				</script>
			
			<!-- 2 -->
			<ul class="tab2-shophover " id="tabList9"></ul>
				<script type="text/html" id="tabListTemplate9">
					{{each list9 tab}}
					<li>
						<a href="/html/shopcart.html?id={{tab.id}}" class="tab2-img">
							<img class="tab2-hover" src="{{tab.image}}" alt="">
						</a>
						<a href="/html/shopcart.html?id={{tab.id}}"class="tab2-text">{{tab.title.slice(0,15)+"..."}}</a>
						<p class="tab2-pic">现价： ￥{{tab.price}}</p>
					</li>
					{{/each}}
				</script>
				
			<!-- 3 -->
			<ul class="tab2-shophover ac" id="tabList10"></ul>
				<script type="text/html" id="tabListTemplate10">
					{{each list10 tab}}
					<li>
						<a href="/html/shopcart.html?id={{tab.id}}" class="tab2-img">
							<img class="tab2-hover" src="{{tab.image}}" alt="">
						</a>
						<a href="/html/shopcart.html?id={{tab.id}}"class="tab2-text">{{tab.title.slice(0,15)+"..."}}</a>
						<p class="tab2-pic">现价： ￥{{tab.price}}</p>
					</li>
					{{/each}}
				</script>
			<!-- 4 -->
			<ul class="tab2-shophover ac" id="tabList12"></ul>
				<script type="text/html" id="tabListTemplate12">
					{{each list12 tab}}
					<li>
						<a href="/html/shopcart.html?id={{tab.id}}" class="tab2-img">
							<img class="tab2-hover" src="{{tab.image}}" alt="">
						</a>
						<a href="/html/shopcart.html?id={{tab.id}}"class="tab2-text">{{tab.title.slice(0,15)+"..."}}</a>
						<p class="tab2-pic">现价： ￥{{tab.price}}</p>
					</li>
					{{/each}}
				</script>
			<!-- 5 -->
			<ul class="tab2-shophover ac" id="tabList11"></ul>
				<script type="text/html" id="tabListTemplate11">
					{{each list11 tab}}
					<li>
						<a href="/html/shopcart.html?id={{tab.id}}" class="tab2-img">
							<img class="tab2-hover" src="{{tab.image}}" alt="">
						</a>
						<a href="/html/shopcart.html?id={{tab.id}}"class="tab2-text">{{tab.title.slice(0,15)+"..."}}</a>
						<p class="tab2-pic">现价： ￥{{tab.price}}</p>
					</li>
					{{/each}}
				</script>
		</div>
	</div>
	<!-- 品牌 -->
	<div class="tab3">
		<div class="tab3-title">
			<div class="title-en">-Brand Series-</div>
			<div class="title-hot">品牌系列</div>
			<div class="title-page">一</div>
			<a href="/html/list.html" class="more">查看更多+</a>
			<div class="tab3-bann">
				<a href="#" class="banner1"><img src="images/zd4.jpg" alt=""></a>
				<a href="#" class="banner2"><img src="images/yd5.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- 共创 -->
	<div class="tab4">
		<div class="tab4-title">
			<div class="title-en">-Co-creation Series-</div>
			<div class="title-hot">共创系列</div>
			<div class="title-page">一</div>
			<a href="/html/list.html" class="more">查看更多+</a>
			<ul class="tab4-list" id="tabList13"> </ul> 
			<script type="text/html" id="tabListTemplate13">
				{{each list13 tab}}
				<li>
					<a href="/html/shopcart.html?id={{tab.id}}" class="tab4-img">
						<img src="{{tab.image}}" alt="">
					</a>
					<a href="/html/shopcart.html?id={{tab.id}}"class="tab4-text">{{tab.title.slice(0,8)+"..."}}</a>
					<p class="tab4-pic">现价： ￥{{tab.price}}</p>
				</li>
				{{/each}}
			</script>
		</div>
		
	</div>
	<!-- 在线咨询 -->
	<div class="service">
		
	</div>
	<!-- 底部帮助 -->
	<footer></footer>
	<script src="/libs/require/require.min.js" data-main="/js/index"></script>
	</body>
</html>
